@import '../../../node_modules/ant-design-vue/es/style/themes/default.less';
@disableColor:#555;

html,
body,
#app,
#root {
  height: 100%;
}
body{
  margin-top: auto!important;
}
.colorWeak {
  filter: invert(80%);
}

.ant-layout.layout-basic {
  height: var(--heightVh);
  min-height: var(--heightVh);
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'!important;
}

ul,
ol {
  list-style: none;
}

// 数据列表 样式
.table-alert {
  margin-bottom: 16px;
}

// 数据列表 操作
.table-operator {
  margin-top: 0!important;
  button {
    margin-right: 8px;
    margin-bottom: 10px;
  }
  .mb12 {
    button {
      margin-bottom: 0!important;
    }
  }
}
.ant-tabs-bar {
  margin-bottom: 10px;
}

.mb20, .mb20p.ant-btn {
  margin-bottom: 10px!important;
}
.mt20 {
  margin-top: 0!important;
}
.mb12 {
  margin-bottom: 10px!important;
  margin-top: 0!important;
}
.table-operateors {
  .pub-table-select-count {
    margin: 0!important;
  }
}
.ant-card {
  margin-bottom: 10px;
}
.ant-card .ant-card-body {
  padding: 10px;
}
// 数据列表 搜索条件
.table-page-search-wrapper {
  border-radius: .2rem;
  .ant-form-inline {
    .ant-form-item {
      display: flex;
      margin-bottom: 24px;
      margin-right: 0;

      .ant-form-item-control-wrapper {
        flex: 1 1;
        display: inline-block;
        vertical-align: middle;
      }

      >.ant-form-item-label {
        line-height: 28px;
        padding-right: 8px;
        width: auto;
      }

      .ant-form-item-control {
        height: 32px;
        line-height: 32px;
      }
    }
  }

  .table-page-search-submitButtons {
    display: block;
    padding-left: 135px;
    margin-bottom: 24px;
    white-space: nowrap;
  }
}
.ant-btn{
  //min-width: 90px;
  border-radius:4px!important;
}
.ant-card{
  box-shadow: 3px 2px 20px #EBEBEB;
  border-radius: 4px;
  margin-bottom: 12px;
}
.ant-card-body{
  padding: 15px 10px;
}
.table-page-wrapper{
  border-radius: .2rem;
  border:0;
}

.ant-input[disabled]{
  color: @disableColor;
}
.ant-select-disabled{
  color: @disableColor;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice{
  color: @disableColor;
}
.ant-input-number-disabled{
  color: @disableColor;
}
.ant-input-disabled {
  color: @disableColor;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

    &-thead>tr,
    &-tbody>tr {

      >th,
      >td {
        white-space: pre;

        >span {
          display: block;
        }
      }
    }
  }
}

.ant-table{
  line-height: 1.15;
}
.ant-table-small>.ant-table-content>.ant-table-header>table>.ant-table-tbody>tr>td,
.ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-tbody>tr>td,
.ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-header>table>.ant-table-tbody>tr>td,
.ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-tbody>tr>td,
.ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table>.ant-table-tbody>tr>td,
.ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table>.ant-table-tbody>tr>td,
.ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-tbody>tr>td,
.ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-tbody>tr>td {
  padding: 9px 16px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 9px 16px;
}
.ant-table-thead > tr > th{
  padding: 11px 16px;
}
.ant-table-tbody > tr > td, .ant-table-body>tr>td{
  padding: 9px 16px;
}

.table-wrapper td>span{
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.table-wrapper td:last-child>span{
  display: inline-block;
}
.haveChoose {
  margin-top: 10px;
  height: 35px;
  padding-left: 20px;
  line-height: 35px;
  border-radius: 4px;
  background: #e6f3fc;
}

.tabelTop {
  border-left: 4px solid #048fe0;
  padding-left: 10px;
  margin-bottom: 10px;
}

.btn_right {
  margin-right: 10px;
}

.bgFFF {
  background: #fff;
}

.btn_box {
  display: flex;
  justify-content: flex-end;

  .button_right {
    margin-right: 10px !important;
  }
}

.form_box {
  margin-top: 20px;
  background: #fff;
  padding: 20px;
}

.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
//.mt12{margin-top: 12px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mb12{margin-bottom: 12px;}
.mb20{margin-bottom: 20px;}
.ml12{margin-left: 12px;}
.ml20{margin-left: 20px;}
.mr20{margin-right: 20px;}
.ant-alert-info {
  margin-bottom: 10px;
}
.clickBtn {
  color: #1890ff;

  &:hover {
    cursor: pointer;
  }
}

.mask_box {
  position: relative;

  .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 40px;
    background: transparent;
    z-index: 3;
  }
}

.title-style {
  margin: 30px 0 30px 3%;
}

.del_btn,.del_btn:hover {
  color: @error-color;
}

// global transition css

/* fade */
.fade-enter-active,
.fade-leave-active {
  transition: all .5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
  //transition: all .1s;
  transition: all .5s;
}

.fade-transform-enter {
  opacity: 0;
  transform: translateX(100px);
}

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(-60px);
}
/* fade-right */
.fade-right-leave-active,
.fade-right-enter-active {
  transition: all .5s;
}

.fade-right-enter {
  transform: translateX(900px);
}

.fade-right-leave-to {
  transform: translateX(-900px);
}
/* fade-left */
.fade-left-leave-active,
.fade-left-enter-active {
  transition: all .5s;
}

.fade-left-enter {
  transform: translateX(-900px);
}

.fade-left-leave-to {
  transform: translateX(900px);
}
/* fade-bottom */
.fade-bottom-enter-active {
  transition: all .5s;
}
.fade-bottom-leave-active {
  transition: all .3s;
}

.fade-bottom-enter {
  opacity: 0;
  transform: translateY(100px);
}

.fade-bottom-leave-to {
  opacity: 0;
  transform: translateY(-60px);
}
/* fade-top */
.fade-top-enter-active {
  transition: all .5s;
}
.fade-top-leave-active {
  transition: all .2s;
}
.fade-top-enter {
  opacity: 0;
  transform: translateY(-60px);
}

.fade-top-leave-to {
  opacity: 0;
  transform: translateY(100px);
}

// 通用页面右下角按钮
@deep: ~'>>>';
.tool-btns {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 20px;
  @{deep} .ant-btn + .ant-btn {
    margin-left: 12px;
  }
}

// 有固定按钮的页面容器，则可以应用
.fixed-container {
  padding-bottom: 42px !important;
}

.tool-btns--fixed {
  position: fixed;
  right: 28px;
  bottom: 10px;
  padding-bottom: 0;
  z-index: 1000;
}

// 通用按钮样式
.base-btn {
  cursor: pointer;
  user-select: none;
  &:active {
      opacity: 0.5;
  }
}

// 表单必填项背景颜色
.requiredFormItem {
  .ant-input-search{
   input{
     cursor:default;
   }
  }
  .ant-input-number {
    border:none;
  }
  .ant-input-number-input{
    border: 1px solid #d9d9d9;
    border-radius: 4px;
  }
  .ant-input:not([disabled]),
  .ant-time-picker-input,
  .ant-select:not(.ant-select-disabled) .ant-select-selection,.ant-calendar-picker-input, .ant-input-number-input,.ant-cascader-picker {
    border-color: #e4ac0b;
    background-color: #FFF9E8;
  }
  .clear-required .ant-input:not([disabled]){
    border-color: #d9d9d9;
    background-color: #fff;
  }
  //输入框的禁用颜色，
  //2020//11/30备注：去掉了.ant-calendar-picker-input,这个
  .ant-input-disabled, .ant-input-number-disabled .ant-input-number-input, .ant-time-picker-input[disabled]{
    border-color: #d9d9d9!important;
    background-color: #f5f5f5!important;
  }
}

.forceRemoveValid{
  .requiredFormItem{
    .ant-input-search{
      input{
        cursor:default;
      }
    }
    .ant-input-number {
      border:none;
    }
    .ant-input-number-input{
      border: 1px solid #d9d9d9;
      border-radius: 4px;
    }
    .ant-input,
    .ant-time-picker-input,
    .ant-select .ant-select-selection,.ant-calendar-picker-input, .ant-input-number-input,.ant-cascader-picker {
      border-color:#d9d9d9;
      background-color: #fff;
    }
  }
}
.unRequiredFormItem {
  .ant-select-selection {
    border-color: #d9d9d9!important;
    background-color: #ffffff!important;
  }
}
// 隐藏表单必填项*号
.ant-form-item-required::before {
  opacity: 0;
}

.ant-transfer-list-content-item-disabled {
  color: #000000;
  cursor: inherit;
}


.ant-transfer-list-content-item-disabled {
  color: #000000;
  cursor: inherit;
}

.ant-transfer-list-content-item-disabled {
  color: #000000;
  cursor: inherit;
}

// 限制树下拉框的文本长度
.ant-select-tree-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
  display: inline-block;
  vertical-align: bottom; // 错位问题解决
}

.table-row--disabled {
  background-color: #f2f2f2;
}

.text-ellipsis {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  word-break: break-all;
  white-space: nowrap;
}
// 三级权限组织架构
.permission-collapsed {
  transition: all 0.2s;
}
.permission-tree-collapsed {
  width: 0;
}
.file-preview-modal{
  .anticon-info-circle{
    display: none;
  }
  .ant-modal{
    width: 1000px!important;
  }

  .close{
    top: 15px;
    right: 15px;
    position: absolute;
  }
  .ant-modal-confirm-btns{
    display: none;
  }
}
//更多按钮
.ant-dropdown-menu-item > a, .ant-dropdown-menu-submenu-title > a{
  color: #1890ff;
}
.ant-advanced-search-form .ant-calendar-picker-input{
  line-height: 1;
}
//Bsearch 搜索框 日期居中
.about-master-container{
  .ant-calendar-picker-input{
    line-height: 1;
   }
   .ant-form-item .ant-form-item-label{
    line-height: 26px;
   }
}

.page-height{
  flex: 1;
  display: flex;
}
.page-height-tree{
  height: 100%;
  >.ant-card-body{
    position: sticky;
    top: 0;
    height: calc(var(--heightVh) - 174px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    >.permission-tree-organization{
      flex: 1;
      display: flex;
      flex-direction: column;
      >.permission-tree-organization-tree{
        flex: 1;
      }
    }
    >.MenuTree-container{
      flex: 1;
      overflow-y: auto;
    }
    &::-webkit-scrollbar {
      width: 8px;
      height: 8px;
      // display: none;
    }
    &::-webkit-scrollbar-thumb {
      /*滚动条里面小方块*/
      width: 8px;
      border-radius: 8px;
      background: #ccc;
    }
  }
}
.page-height-list-wrapper{
  display: flex;
  flex-direction: column;
}
.page-height-list{
  margin-bottom: 0;
  flex: 1;
}
.page-height-list .ant-card-body{
  height: 100%;
}
.page-height-list .ant-table-wrapper{
   min-height: 400px;
}
// 宽度100%
.width-100{
  width: 100%;
}
.ant-modal-body .treeBox{
  // max-height: 60vh;
  max-height: 473px;
  overflow-y: auto;
}
//日期右侧被遮挡
.custom-date-offside-style {
  left: auto!important;
  right: 12px!important;
}
// 节点颜色
.class-slider-key {
  background-color: #efd3f8;
}

.class-slider-0 {
  background-color: #d1d1d1;
}

.class-slider-1 {
  background-color: #1890ff;
}

.class-slider-2 {
  background-color: #f85c62;
}

.class-slider-3 {
  background-color: #1dc682;
}

.class-slider-4 {
  background-color: #ffced0;
}
// 避免tabs中下拉不能完全显示
.ant-tabs{
  overflow: inherit;
}
li.ant-tree-treenode-disabled>span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled>.ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled>.ant-tree-node-content-wrapper span {
  color: inherit;
}
